@charset "utf-8";
/* CSS Document */

body{
	background:#003366;}
#wapper{
	width:1098px;
	margin-left:auto; margin-right:auto;
	background:#fff;
}

/*-------------------header--------------------------*/
#header{
	height:163px; width:1098px; 
	background-image:url(../images/bg-head.jpg); background-repeat:no-repeat;
}
#header_top{
	height:73px;
	margin-left:50px; margin-right:50px;
	padding-top:15px; 
}
#header #logo{
	width:361px;
	float:left;
}

#header #icon{
	margin-left:560px;
	padding-top:25px;
}

#header #icon ul li{
	display:inline;
	list-style-type:none;
}

#header #icon ul li a img{
	border:none;
}

#header #icon span{
	padding-right:15px;
	color:#336699;
	font-family: Helvetica, sans-serif, Arial; font-size:16px; font-weight:bold; font-style:italic;
	}

#menu{
	width:1007px; height:44px;
	margin-left:50px; margin-right:50px;
	background-image:url(../images/menu.png); background-repeat:no-repeat;
}
#menu ul{
	padding-top:8px;
	text-align:center;
}
#menu ul li{
	display:inline;
	list-style-type:none;
	padding-right:60px; padding-left:30px;
}
#menu ul li a{
	text-decoration:none;
	color:#003366;
	font-family:Helvetica, sans-serif, Arial; font-size:14px; font-weight:bold;
}
#menu ul li a:hover{color:#6bce6b;}


/*-----------------content----------*/
#content{
	width:700px; 
	margin-left:50px;
	float:left;
}
#slide_show{
	margin-top:20px;
	-moz-box-shadow: 3px 4px 4px #7a7a7a; /* for Mozilla */
	-webkit-box-shadow: 3px 4px 4px #7a7a7a; /* for webkit */
	box-shadow: 3px 4px 4px #7a7a7a; /* for Opera */

}
#slide_show img{
	border:#2caa56 solid 1px;
}

		
		/*------colum-left------*/
#colum_left{
	width:280px;
	margin-top:30px;
	float:left;
}
#colum_left .project1{
	width:280px; height:24px;
	text-align:center; 
	background-image:url(../images/bg-colum1-video1.png); background-repeat:no-repeat;
}
span{
	color:#fff;
	font-family:Helvetica, sans-serif, Arial; font-size:15px; font-weight:bold;
}

#video{
	border-left:#b1e5b1 inset 1px;
	border-right:#b1e5b1 inset 1px;
}

			/*-------colum-middle--------*/
#colum_middle{
	width:194px;
	float:left;
	margin-top:30px; margin-left:16px;*/
}

#colum_middle .project2{
	width:194; height:24px;
	text-align:center;
	background-image:url(../images/bg-colum-last1.png); background-repeat:no-repeat;
}

.font2{
	padding-left:100px;
	text-decoration:none;
	color:#003366;
}
#font4{
	/*background-color:#fff;*/
	height:36px;}
.sedut{
	padding-left:5px; padding-top:10px; padding-right:5px;
	background-image:url(../images/border_colum.png); background-repeat:no-repeat;
	}
.font{
	color:#666;
	line-height:1.5em; word-spacing:0.2em;
	font-family:Helvetica, sans-serif, Arial; font-size:12px; font-weight:normal;
}

			/*------------colum-right------------------*/	

#colum_right{
	margin-top:30px; margin-left:16px;
	width:194px; 
	float:left;
}
.project3{
	width:194px; height:24px;
	text-align:center;
	background-image:url(../images/bg-colum-last1.png); background-repeat:no-repeat;
}
/*------------------Sidebar----------------*/

#sidebar_right{
	width:266px;
	margin-left:780px; margin-bottom:90px;
}

#cfm{
	width:266px; 
 	margin-top:20px; padding-right:20px;}

.project4{
	width:266px; height:25px;
	text-align:center;
	background-image:url(../images/bg-colum-sidebar.png); background-repeat:no-repeat;
}
.project4 span{
	color:#fff;
	font-family:Helvetica, sans-serif, Arial; font-size:14px; font-weight:bold;
	}
.font3{
	margin-left:5px; margin-right:5px;
	color:#666;
	line-height:1.5em; word-spacing:0.2em; text-indent:30px;
	font-family:Helvetica, sans-serif, Arial; font-size:12px; font-weight:normal;
	}
.sedut2{
	padding-top:5px; padding-right:5px; padding-left:5px;
	background-image:url(../images/border_sb.png); background-repeat:no-repeat;
	}
	
#end_sb{
	height:0px;
}
	
			/*-----------form contact-------------*/
#contact{
	margin-top:20px; 
	width:264px; height:244px;
	background-image:url(../images/bg-contact.png); background-repeat:no-repeat;
}			
#contact h1{
	padding-top:5px; padding-left:70px;
	color:#fff;			
	font-family:Helvetica, sans-serif, Arial; font-size:14px; font-weight:bold;
}		
			
.name1{
	color:#003366;			
	font-family:Helvetica, sans-serif, Arial; font-size:12px;
	}			
.border{
	width:215px;
	border:#003366 solid 1px;
}

#bd1{ height:50px;}			

#button{
	margin-top:10px; margin-left:55px;
}

/*--------footer-----------------------------------------------------------------------------*/

#footer{
	width:1098px; height:185px;
	background-image:url(../images/bg-footer.jpg); background-repeat:no-repeat;
}
#mn{
	width:1098px;
}
#footer ul#top{ padding-top:90px; padding-left:50px;}

#footer ul#top li{
	display:inline;
	list-style-type:none;
}
#footer ul#top li a{
	text-decoration:none; 
	color:#333;
	font-family:Helvetica, sans-serif, Arial; font-size:10px; font-weight:normal;
}
#left{
	margin-left:50px;
	width:145px;
	float:left;
}
#middle{
	margin-top:25px; margin-left:260px;
	width:200px;
	float:left;
}
#right{
	margin-left:240px;
	float:left;
	width:155px;
}
#left1{
	color:#fff;
	font-family:Helvetica, sans-serif, Arial; font-size:12px; font-weight:normal;
	}
#middle1{
	color:#fff;
	font-family:Helvetica, sans-serif, Arial; font-size:8px; font-weight:normal;
}
#right1{
	color:#fff;
	font-family:Helvetica, sans-serif, Arial; font-size:12px; font-weight:normal;
}

/*---------------index2------about-------------------------------------------------------------*/

/*---------content about------------*/

#content_about{
	width:1013px;
	margin-left:50px; margin-right:33px;
	border-bottom:#003366 solid 1px;
}
#banner{
	width:1013px; height:111px;
	background-image:url(../images/img-down.jpg); background-repeat:no-repeat;
}
#banner p{
	padding-left:25px; padding-top:10px;
	color:#fff;
	font-family: Helvetica, Arial, sans-serif; font-size:20px; font-weight:bold;
	}
	
#main{
	width:630px;
	float:left;
	}
#sidebar_about{
	width:350px;
	margin-left:655px;
	}

p#about{
	color:#003366;
	font-family: Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold;
}
p.lorem{
	color:#333;
	font-family: Helvetica, Arial, sans-serif; font-size:12px;
}

/*-------------------sidebar-about-------------------------------------------------------------*/

#img_sidebar{
	margin-top:20px;
	-moz-box-shadow: 3px 4px 4px #747474; /* for Mozilla */
	-webkit-box-shadow: 3px 4px 4px #747474; /* for webkit */
	box-shadow: 3px 4px 4px #747474; /* for Opera */
}
#img_sidebar img{
	border:#333 solid 1px;
	}
#view{
	text-decoration:none;
	color:#003366;
	font-family: Helvetica, Arial, sans-serif; font-size:12px;
	}
p#align{ text-align:right;
}

#test{
	text-align:center;
	width:350px; height:25px;
	background-image:url(../images/sb_about.png); background-repeat:no-repeat;
}

#test span{
	color:#fff;
	font-family: Helvetica, Arial, sans-serif; font-size:15px; font-weight:bold;
	}
	
#sed{
	padding:10px 5px 0px 5px;
	border-left:#b1e5b1 solid 1px;
	border-right:#b1e5b1 solid 1px;
	}
#sed span{
	color:#666;
	font-family: Helvetica, Arial, sans-serif; font-size:12px;
	}

#sed p{ text-align:right;
}
.see{
	text-decoration:none;
	color:#003366;
	font-family: Helvetica, Arial, sans-serif; font-size:12px;
	}
/*============footer about======================================================*/

#footer_ab{
	widows:1098px; height:219px;
	background-image:url(../images/foot2.jpg); background-repeat:no-repeat;
}
#mn_ab{
	width:1098px;
	padding-top:90px; padding-left:10px;
}

#footer_ab ul#top_ab li{
	display:inline;
	list-style-type:none;
}
#footer_ab ul#top_ab li a{
	text-decoration:none; 
	color:#333;
	font-family:Helvetica, sans-serif, Arial; font-size:10px; font-weight:normal;
}

#mn_ab #foot_l{
	width:500px; /*height:77px;*/
	float:left;
}

#mn_ab #foot_r{
	width:134px; /*height:77px;*/
	margin-left:900px;
}

#left_ab{
	margin-left:50px;
	width:145px;
	float:left;
}
#middle_ab{
	margin-top:10px; margin-left:150px;
	width:200px;
	float:left;
}
#right_ab{
	text-align:right;
	margin-left:350px;
	float:left;
	width:155px;
}
#left1_ab{
	color:#fff;
	font-family:Helvetica, sans-serif, Arial; font-size:12px; font-weight:normal;
	}
#middle_ab{
	color:#fff;
	font-family:Helvetica, sans-serif, Arial; font-size:8px; font-weight:normal;
}
#right_ab1{
	color:#fff;
	font-family:Helvetica, sans-serif, Arial; font-size:12px; font-weight:normal;
}
/*-----------------index3 ------internal---------------------------------------------------------------*/

/*---------content---------------*/

#content_in{
	width:1007px;
	margin-left:50px; margin-right:33px; margin-top:20px;
	}
.pro{
	width:1007px; height:215px;
	margin-top:10px;
	border-bottom:#003366 solid 1px;
}
.img{
	width:350px;
	float:left;
	-moz-box-shadow: 3px 4px 4px #747474; /* for Mozilla */
	-webkit-box-shadow: 3px 4px 4px #747474; /* for webkit */
	box-shadow: 3px 4px 4px #747474; /* for Opera */
}
.title{
	width:654px;
	margin-left:353px;
}
div.img img{
	border:#333 solid 1px;
}
.bg_green{
	text-align:right; padding-right:10px; padding-top:5px;
	height:32px;
	background-image:url(../images/bg-text.png); background-repeat:no-repeat;
}
a{
	text-decoration:none;
	text-align:right;
	color:#fff;
	font-family:Helvetica, sans-serif, Arial; font-size:16px; font-weight:bold;
}
p.lorem2{
	padding-left:25px;
	color:#333;
	font-family:Helvetica, sans-serif, Arial; font-size:14px;
}
p.readmore{
	color:#003366;
	padding-left:90px;
	font-family:Helvetica, sans-serif, Arial; font-size:14px;
}
p.readmore a{
	text-decoration:none;
	color:#003366;
	}

p.readmore a span{
	padding-right:420px;
	color:#ff0000;
	font-family:Helvetica, sans-serif, Arial; font-size:14px;
}

